@import "compass/utilities/sprites";

$icon-sprite-dimensions: true;
//
// $disable-magic-sprite-selectors: true;
// $icon-layout:horizontal;
// diagonal 对角线布局 smart
@import "icon/*.png";
// @include icon-all-sprites();//合并成一个雪碧图并生成所有的图标css代码
// .one-icon{
//     @include icon-sprites(w10_l);//生成单个图标css代码
// }
// @include all-icon-sprites();//利用魔术精灵选择器生成hover, active, focus, target状态的代码
/* 雪碧图的配置 */
// 1.配置sprites间距
// $icon-spacing: 5px;//配置icon文件夹下的图标间距为5px
// $icon-w10_l-spacing: 10px;//配置文件名为w10_l的图标间距为10px,默认继承$<map>-spacing
// 2.配置sprites的重复性
// $icon-repeat: no-repeat/repeat-x;//配置所有的图标的重复性默认为no-repeat
// $icon-w10_l-repeat: repeat-x;//配置名称为w10_l的图标的重复为x轴重复
// 3.配置sprites的位置
// $icon-position: 0px;//配置所有的图标的重复性默认为no-repeat
// $icon-w10_l-position: 0px;//配置名称为w10_l的图标的重复为x轴重复
// 4.配置sprites的布局方式
// $icon-layout:vertical;//vertical 默认.还有horizontal、diagonal、smart
// 5.清除过期的sprites
// $icon-clean-up:true;//默认为true
// 6.配置sprites基础类
// $icon-sprite-base-class: ".icon-bg";
// 7.魔术精灵选择器开关
// $disabled-magic-sprite-selectors: false;//默认为true
// 8.设置sprites的尺寸
// $setting-sprite-dimensions: true;//开启自动设置sprite尺寸，默认false不开启
// $icon-sprite-width(w10_l);//获取w10_l图标的宽
// $icon-sprite-height(w10_l);//获取w10_l图标的高
// 9.加入图标的宽高
// $icon-sprite-dimensions: true;
@import "retina-sprites";
$sprites: sprite-map("retina-version/sprites/*.png");
$sprites2x: sprite-map("retina-version/sprites-retina/*.png");
@include all-icon-sprites();
.icon-alipay{
    @include retina-sprite(calendar);
}
